<template>
   <div style="width:420px;height:250px" ref="chart"></div>
</template>

<script>
import * as echarts from 'echarts'
export default {
    mounted(){
       let chart=echarts.init(this.$refs.chart)
    
       let options={
         title:{
            text:'JD-2023年1-6月份电器销售情况',
            link:'http://www.jd.com',
            textStyle:{
               color:'#f00',
               fontWeight:'bold',
               fontFamily:'华文琥珀'
            }
         },
         legend:{
            show:true,
            right:10,
            bottom:10
            
         },
         tooltip:{
            triggerOn:'click',
            formatter:'{b}的销售数量:{c}'
         },
         toolbox:{
            show:true,
            feature:{
               saveAsImage:{},
               restore:{},
               magicType:{
                  type:['bar','line']
               },
               dataView:{},
               dataZoom:{}
            }
         },
         xAxis:{
            data:['1月份','2月份','3月份','4月份','5月份','6月份']
         },
         yAxis:{
            
         },
         series:[
            {
                name:'冰箱',
                type:'line',
                data:[897,788,234,455,566,789],
            },
            {
              
                name:'洗衣机',
                type:'line',
                data:[297,388,134,255,266,389],
                itemStyle:{
                  opacity:.8
                }
            }
         ]
       }
       chart.setOption(options)
    }
}
</script>

<style>

</style>